<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>csgo</title>
    <!-- LOGO -->
    <!-- <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" /> -->
    <link rel="stylesheet" href="./img/favicon.ico" />
    <!-- 主页结构样式 -->
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./js/jquery.min.js" />
    <!--   大轮播图插件 -->
    <link rel="stylesheet" href="./css/shutter.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="./font_2053450_dklw5lm5gd7/iconfont.css" />
    <script src="./js/index.js"></script>
    <script src="./font_2053450_dklw5lm5gd7/iconfont.js"></script>
    <!--  引入滚动条 -->
    <script src="./js/iscroll.js"></script>
    <!-- 小火箭3D运动动画 -->
    <script src="./js/scrolltop.js"></script>
    <!--  小火箭运动带动页面动 -->
    <script src="./js/scrolltop1.js"></script>
  </head>
  <body>
    <!-- 电梯导航 -->
    <div class="sidenav">
      <span id="gotop1">
        <img src="./img/小火箭.svg" alt="返回顶部小火箭" />
      </span>
      <div class="phoneapp" index="1">
        <a href="javascript:;">
          <p class="iconfont icon-xinwengonggao"></p>
        </a>
        <p>新闻中心</p>
      </div>
      <div class="phoneapp" index="2">
        <a href="javascript:;">
          <p class="iconfont icon-youxi1"></p>
        </a>
        <p>电竞中心</p>
      </div>
      <div class="phoneapp" index="3">
        <a href="javascript:;">
          <svg
            class="icon"
            aria-hidden="true"
            style="font-size: 30px; margin-left: 5px"
          >
            <use xlink:href="#icon-shouqiang"></use>
          </svg>
        </a>
        <p>游戏介绍</p>
      </div>
      <div class="phoneapp" index="4">
        <a href="javascript:;">
          <p class="iconfont icon-gonglve"></p>
        </a>
        <p>攻略中心</p>
      </div>
      <div class="phoneapp" index="0">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <a href="javascript:;"> </a>
        <p style="margin-top: 52px; font-size: 15px">返回顶部</p>
      </div>
    </div>
    <!-- 头部1300px -->
    <div class="shortcut clearfix" style="z-index: 1000000000">
      <div class="w">
        <div class="logo fl">
          <a href="https://www.csgo.com.cn/index.html"
            ><img src="./uploads/logo.png" alt=""
          /></a>
        </div>
        <div class="navlist fl">
          <ul>
            <li>新闻首页<br />HOME</li>
            <li>新闻资讯<br />NEWS</li>
            <li>活动中心<br />EVENT</li>
            <li>玩家攻略 <br />TIPS</li>
            <li>
              游戏资料 <br />
              GUIDE
            </li>
            <li>军需商店 <br />SHOP</li>
            <li>个人中心<br />MEMBERS</li>
          </ul>
        </div>
        <div class="denglu fr"><span>你好</span> <a href="">请登录</a></div>
      </div>
      <em>快速导航 </em>
    </div>
    <div class="clear1"></div>
    <!-- 清除浮动 -->
    <div class="guofu">
      <span>1</span>
      <span>2</span>
      <span>3</span>
      <span>4</span>
      <span>5</span>
    </div>
    <!-- 头部1230px -->
    <!-- banner -->
    <div class="banner">
      <div class="w">
        <!-- 图片 -->
        <img src="./uploads/banner2.png" alt="" />
        <!-- 轮播 -->
        <div class="lunbo">
          <div class="slider4 fl">
            <div class="shutter" style="width: 880px">
              <div class="shutter-img">
                <a href="#" data-shutter-title="PAL秋季赛海选" indexl="0"
                  ><img src="./img/龙狙击啊.jpg" alt="#"
                /></a>
                <!--  <a href="#" data-shutter-title="PAL秋季赛海选" indexl="0"
                  ><img src="./img/祝福.gif" alt="#"
                /></a> -->
                <a href="#" data-shutter-title="POL秋季赛开打" indexl="1"
                  ><img src="./uploads/轮播2.jpg" alt="#"
                /></a>
                <a href="#" data-shutter-title="全民联赛开启" indexl="2"
                  ><img src="./uploads/轮播3.jpg" alt="#"
                /></a>
                <a href="#" data-shutter-title="新生邀请赛将启" indexl="3"
                  ><img src="./uploads/轮播4.png" alt="#"
                /></a>
              </div>
              <ul class="shutter-btn">
                <li class="prev"></li>
                <li class="next"></li>
              </ul>
              <div class="shutter-desc">
                <p>CS GO 真男人的战场</p>
              </div>
            </div>
            <div class="shutterlist">
              <ul>
                <li>秋季赛海选</li>
                <li>POl秋季赛开打</li>
                <li>全民联赛</li>
                <li>新生邀请赛</li>
              </ul>
            </div>
          </div>
          <div class="icons fl">
            <div class="vedioe">
              <video src="./video/down-csgo.webm" autoplay="" muted="" loop="">
                <source
                  type="video/webm"
                  src="http://gamevideo.wmupd.com/csgomedia/media/down-csgo.webm"
                />
              </video>
            </div>
            <div class="xia">
              <span
                ><img src="./video/icon1.png" alt="" /><span
                  >免费畅玩</span
                ></span
              >
              <span
                ><img src="./video/icon2.png" alt="" /><span
                  >社区服黄页</span
                ></span
              >
              <span
                ><img src="./video/icon3.png" alt="" /><span
                  >游戏内充值</span
                ></span
              >
              <span
                ><img src="./video/icon1.png" alt="" /><span
                  >免费畅玩</span
                ></span
              >
              <span
                ><img src="./video/icon2.png" alt="" /><span
                  >社区服黄页</span
                ></span
              >
              <span
                ><img src="./video/icon3.png" alt="" /><span
                  >游戏内充值</span
                ></span
              >
              <span
                ><img src="./video/icon1.png" alt="" /><span
                  >免费畅玩</span
                ></span
              >
              <span
                ><img src="./video/icon2.png" alt="" /><span
                  >社区服黄页</span
                ></span
              >
              <span
                ><img src="./video/icon3.png" alt="" /><span
                  >游戏内充值</span
                ></span
              >
            </div>
          </div>
        </div>
        <!-- 两句话 -->
        <div class="link2">
          <a
            href="https://pvp.wanmei.com"
            target="_blank"
            title="完美世界竞技平台"
            >完美世界竞技平台 <br />
            PERFECT WORLD</a
          >
          <span> PAL 2020由完美世界官方对战平台全程独家支持 </span>
        </div>
      </div>
    </div>
    <!-- banner -->
    <!-- newSCenter -->
    <div class="module-news" style="width: 100%">
      <h2>新闻中心</h2>
      <div class="news-panel">
        <div class="news-panel-l">
          <ul class="table">
            <li>综合</li>
            <li>新闻</li>
            <li>公告</li>
            <li>PLA</li>
          </ul>
          <div class="w-list-horizontal">
            <div class="m-list-horizontal">
              <img
                src="./img/e65c8e1e66bf620714d8565a8bbe31ba1597386664.jpg"
                alt=""
              />
              <div class="m-list-horizontal-r">
                <h4>CSGO全民联赛今日开启 登录即玩！B站主播...</h4>
                <p>
                  CSGO全民联赛，一场单人即可参与、队伍按水平分级匹配、每个人都有夺冠机会的比赛，今日正式开启！
                </p>
              </div>
            </div>
            <ul>
              <li>
                <a href="#">未成年人防沉迷系统接入公告</a> <span>10/01</span>
              </li>
              <li>
                <a href="#"
                  >CSGO POL大洋洲秋季赛Renegades夺冠！成功晋级里约Major</a
                >
                <span>10/01</span>
              </li>
              <li>
                <a href="#"
                  >CSGO POL大洋洲秋季赛Renegades夺冠！成功晋级里约Major</a
                >
                <span>10/01</span>
              </li>
              <li>
                <a href="#">今天是上分的好日子！CSGO全民联赛天梯冲刺必读手册</a>
                <span>10/01</span>
              </li>
              <li>
                <a href="#">今天是上分的好日子！CSGO全民联赛天梯冲刺必读手册</a>
                <span>10/01</span>
              </li>
            </ul>
          </div>
        </div>
        <div class="news-panel-r">
          <a href="#"
            ><img
              src="./img/3ee5df994cc9604fc5b7ed09afaa20af1598958053.jpg"
              alt=""
          /></a>
          <a href="#"
            ><img
              src="./img/84eae4cbf460134d416e9bfdd9cf80161597387156.jpg"
              alt=""
          /></a>
          <a href="#"
            ><img
              src="./img/543728d696473897d1ee4db4fbd9cb2a1599452259.png"
              alt=""
          /></a>
          <a href="">查看更多活动</a>
        </div>
      </div>
    </div>
    <!-- newsCenter -->
    <!-- 电竞中心 -->
    <div class="gamecenter">
      <div class="w">
        <p>电竞中心</p>
        <div class="box">
          <div class="lun1 fl">
            <div id="box"></div>
            <div class="box01">
              <h3>Perfect World Asia League Fall 2020</h3>
              <p class="p1">
                共有10支亚洲战队参加秋季赛亚洲赛区
                ，根据PAL秋季赛直邀规则：RMR亚洲区积分榜前四+PAL夏季赛积分前四的战队。
              </p>
              <p class="p2">
                总奖池 <b>$10.0000</b> 决赛队伍
                <b>10支</b>
              </p>
            </div>
          </div>
          <div class="lun_item fr">
            <p><span class="fl">赛事 </span><span class="fl">比赛</span></p>
            <div class="itemlist">
              <div id="wrapper">
                <ul>
                  <li>
                    <img src="./img/scroll.png" alt="" class="fl" />
                    <div class="you">
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                    </div>
                  </li>
                  <li>
                    <img src="./img/scroll2.png" alt="" class="fl" />
                    <div class="you">
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                    </div>
                  </li>
                  <li>
                    <img src="./img/scroll3.png" alt="" class="fl" />
                    <div class="you">
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                    </div>
                  </li>
                  <li>
                    <img src="./img/scroll3.png" alt="" class="fl" />
                    <div class="you">
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                    </div>
                  </li>
                  <li>
                    <img src="./img/scroll3.png" alt="" class="fl" />
                    <div class="you">
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                      <p>ESL One Colgne 2020 Oceaania</p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 电竞中心 -->
    <!-- 游戏介绍 -->
    <div class="container">
      <div class="w">
        <video src="./video/背景视屏.webm" autoplay muted loop></video>
        <h2>游戏介绍</h2>
        <!-- 三大模块 -->
        <ul class="model">
          <li id="0">
            <p index="0">武器</p>
          </li>
          <li id="1"><p index="1">模式</p></li>
          <li id="2"><p index="2">地图</p></li>
        </ul>
        <!-- 三大模块下面介绍部分 -->
        <div class="modelxia">
          <!-- 武器 -->
          <div class="wuqi" index="0">
            <div class="qianglist">
              <ul>
                <li index="1"><a href="javascrpt:;"></a></li>
                <li index="2"><a href="javascrpt:;"></a></li>
                <li index="3"><a href="javascrpt:;"></a></li>
                <li index="4"><a href="javascrpt:;"></a></li>
                <li index="5"><a href="javascrpt:;"></a></li>
              </ul>
            </div>
            <div class="qiang-content">
              <div class="pic fl">
                <div>
                  <span>
                    格洛克18型 <img src="./uploads/小图片.png" alt=""
                  /></span>
                  <span> <span>费用:</span><span>$200</span> </span>
                  <span> <span>弹药:</span><span>20/120</span> </span>
                  <span> <span>击杀奖励:</span><span>$300(150%)</span> </span>
                  <span> <span>伤害值:</span><span>45</span> </span>
                  <span> <span>开火速率:</span><span>6</span> </span>
                  <span> <span>后坐力控制:</span><span>83</span> </span>
                  <span> <span>精准射击:</span><span>22</span> </span>
                  <span> <span>护甲穿透:</span><span>94</span> </span>
                  <span
                    >Glock
                    18是把耐用的第一回合手枪，非常适合对付那些没有穿护甲的对手，并且可以进行三连发爆炸开火。
                  </span>
                </div>
                <!-- 还有其他枪div -->
              </div>
              <div class="contentxx">
                <img src="./uploads/手枪1.png" alt="" index="0" />
                <ul>
                  <li>
                    <span><img src="./uploads/下载手枪1.png" alt="" /></span
                    ><span>沙漠之鹰</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载手枪2.png" alt="" /></span
                    ><span>P2000</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.3.png" alt="" /></span
                    ><span>格洛克18型</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.4.png" alt="" /></span
                    ><span>usp消音</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.6.png" alt="" /></span
                    ><span>双持贝瑞塔</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.7.png" alt="" /></span
                    ><span>P250</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.7.png" alt="" /></span
                    ><span>FN57</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.7.png" alt="" /></span
                    ><span>TEC-9</span>
                  </li>
                  <li>
                    <span><img src="./uploads/l9.png" alt="" /></span
                    ><span>cz-75</span>
                  </li>
                  <li>
                    <span><img src="./uploads/下载.10.png" alt="" /></span
                    ><span>R8左轮手枪</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 模式 -->
          <div class="moshi" index="1" style="display: none">
            <div class="wuqi">
              <div class="qianglist">
                <ul>
                  <li><a href="javascrpt:;">竞技模式</a></li>
                  <li><a href="javascrpt:;">休闲模式</a></li>
                  <li><a href="javascrpt:;">死亡竞赛</a></li>
                  <li><a href="javascrpt:;">战争游戏模式</a></li>
                  <li><a href="javascrpt:;">搭档模式</a></li>
                  <li>
                    <a href="javascrpt:;">头号特训 <span>测试版</span></a>
                  </li>
                </ul>
              </div>
              <div class="qiang-content">
                <div class="pic fl">
                  <span>竞技模式</span>
                  <br />
                  <span
                    >竞技模式即匹配模式，玩家通过游戏每回合开始使用获
                    得的金钱购买武器，通过消灭敌方队伍或者完成目标获
                    胜。竞技模式与玩家等级水平有关，玩家必须参与整场
                    比赛，若中途断开游戏，将会降低匹配等级。水平组军
                    衔只能通过竞技模式定级和提高。</span
                  ><br />
                  <span style="margin-top: 20px"
                    >竞技模式经验：获胜局数 * 30</span
                  ><br />
                  <span>
                    *友军伤害开启<br />
                    *不可穿过队友身体<br />
                    *可购买护甲和拆弹器<br />
                    *30局16胜<br />
                  </span>
                </div>
                <div class="map">
                  <img src="./uploads/地图1.jpg" alt="" />
                  <img src="./uploads/地图2.jpg" alt="" />
                  <img src="./uploads/地图3.jpg" alt="" />
                  <img src="./uploads/地图4.jpg" alt="" />
                  <img src="./uploads/地图5.jpg" alt="" />
                  <img src="./uploads/地图1.jpg" alt="" />
                  <img src="./uploads/地图2.jpg" alt="" />
                  <img src="./uploads/地图3.jpg" alt="" />
                  <img src="./uploads/地图4.jpg" alt="" />
                  <img src="./uploads/地图5.jpg" alt="" />
                  <!-- <img src="./uploads/地图5.jpg" alt=""> -->
                </div>
                <!-- 地图 -->
              </div>
            </div>
          </div>
          <!-- 地图 -->
          <div index="2" class="ditu" style="display: none">
            <div class="qianglist">
              <ul>
                <li><a href="javascrpt:;">服役生涯</a></li>
                <li><a href="javascrpt:;">拆弹组1</a></li>
                <li><a href="javascrpt:;">拆弹组2</a></li>
                <li><a href="javascrpt:;">人质解救</a></li>
                <li><a href="javascrpt:;">军备竞赛</a></li>
                <li><a href="javascrpt:;">军备竞赛</a></li>
                <li><a href="javascrpt:;">军备竞赛</a></li>
                <li><a href="javascrpt:;">军备竞赛</a></li>
                <li><a href="javascrpt:;">军备竞赛</a></li>
                <li><a href="javascrpt:;">跳狙飞人</a></li>
              </ul>
            </div>
            <div class="dituxia">
              <span><img src="./uploads/3.1.jpg" alt="" /></span>
              <span><img src="./uploads/3.2.jpg" alt="" /></span>
              <span><img src="./uploads/3.3.jpg" alt="" /></span>
              <span><img src="./uploads/3.4.jpg" alt="" /></span>
              <span><img src="./uploads/3.5.jpg" alt="" /></span>
              <span><img src="./uploads/3.6.jpg" alt="" /></span>
              <span><img src="./uploads/3.7.jpg" alt="" /></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 游戏介绍 -->
    <!-- 攻略中心 -->
    <div class="tipcenter">
      <div class="w">
        <p>攻略中心</p>
        <div class="tips">
          <div class="zuo fl">
            <ul class="title">
              <li>攻略</li>
              <li>教学</li>
              <li>武器</li>
              <li>地图</li>
            </ul>
            <!-- 标题 -->
            <div class="picju">
              <img src="./uploads/加油.jpg" alt="" class="fl" />
              <div class="xia fl">
                <h3 class="">那些低调的武器,现实中足...</h3>
                <p class="">
                  历代CS作品中，优秀的武器系统一直是游戏的亮点之一。
                </p>
              </div>
            </div>
            <!-- 图片 -->
            <ul class="piclist">
              <li>如何用PS绘制一把专属自己的枪械皮肤<span>10/24</span></li>
              <li>CSGO水浒传 第三期：黑旋风李逵——P90<span>10/22</span></li>
              <li>CSGO水浒传 第二期：豹子头林冲——AK-47<span>10/19</span></li>
              <li>CSGO水浒英雄榜之双鞭呼延灼——M4A4<span>10/18</span></li>
              <li>暴匪专用 怼脸必备——Sawed-Off<span>09/05</span></li>
            </ul>
            <a href="#">查看更多攻略</a>
          </div>
          <div class="you fr">
            <ul class="clearfix">
              <li>
                <img src="./image/ti1.gif" alt="" />
                <div>那咋办嘛,又空枪了</div>
              </li>
              <li>
                <img src="./image/ti2.png" alt="" />
                <div>CT捡到AK也没用</div>
              </li>
              <li>
                <img src="./image/tip.png" alt="" />
                <div>一波五杀,秀的起飞</div>
              </li>
              <li>
                <img src="./image/tip3.png" alt="" />
                <div>CS:GO防弹衣知识大全</div>
              </li>
            </ul>
            <a href="#">查看等多视频</a>
          </div>
        </div>
      </div>
    </div>
    <!-- 攻略中心 -->
    <!-- 尾部 -->
    <div id="section66">
      <div class="links">
        <a
          href="javascript:;"
          class="zzfu"
          target="_blank"
          title="自助服务"
        ></a>
        <a
          href="javascript:;"
          class="txzcx"
          target="_blank"
          title="通行证查询"
        ></a>
        <a
          href="javascript:; "
          class="zxkefu"
          target="_blank"
          title="在线客服"
        ></a>
        <a href="javascript:;" class="weibo" title="微博"></a>
        <a href="javascript:;" class="weixin" title="微信"></a>
        <a
          href="javascript:;"
          class="communityserver"
          target="_blank"
          title="社区服"
          >社区服</a
        >
        <a
          href="javascript:;"
          class="wanmeidz"
          target="_blank"
          title="完美竞技平台"
        ></a>
      </div>
    </div>
    <footer>
      <div class="buttom">
        <div class="footer-t">
          <a href="javascript:;" class="footer-t-l">
            <img src="./imgs/logo-wanmei20180327.png" alt="" />
          </a>
          <a href="javascript:;" class="footer-t-c">
            <img src="./imgs/logo-valve.png" alt="" />
          </a>
          <span
            >© 完美世界 版权所有　Perfect World. All Rights Reserved.<br />©
            2012 Valve Corporation. All Rightsreserved. Licensed to Perfect
            World Co., Ltd. in China</span
          >
        </div>
        <p class="footer-b1">
          京ICP备15025398号-2
          <a href="javascript:;"
            >《网络文化经营许可证》编号： 京网文[2017]8929-1007号</a
          >
          | 京公网安备11010502033648号
        </p>
        <p class="footer-b2">
          <a href="javascript:;"
            ><img src="./imgs/icon-gamenettag.png" alt="" /> 文网游进字[2017]
            0084号</a
          >
          新广出审[2017] 6738号 皖网文许字[2014]1281-020号 ISBN:
          978-7-7979-0692-0 | <a href="javascript:;">家长监护</a> |
          <a href="javascript:;">纠纷处理</a>
          <a href="javascript:;">营业执照</a>
          |
          <a href="javascript:;">儿童隐私保护指引</a>
        </p>
        <p class="footer-b3">
          本网络游戏适合年满17岁以上的用户使用：请您确定已如实进行实名注册。为了您的健康，请合理控制游戏时间。
        </p>
      </div>
    </footer>
    <!-- 底部公共区域结束 -->
    <!-- 尾部 -->
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/velocity.js"></script>
    <script src="js/shutter.js"></script>
    <!-- 大轮播图插件 -->
    <script>
      $(function () {
        $('.shutter').shutter({
          shutterW: 800, // 容器宽度
          shutterH: 332, // 容器高度
          isAutoPlay: true, // 是否自动播放
          playInterval: 2000, // 自动播放时间
          curDisplay: 3, // 当前显示页
          fullPage: false, // 是否全屏展示
        })
      })
    </script>
    <script src="./js/vilocity.js"></script>
    <script src="./js/shutter.js"></script>
    <!--  -->
    <!-- 电竞中心的轮播  -->
    <script type="text/javascript">
      var imgArr = [
        './uploads/轮播1.jpg',
        './uploads/轮播2.jpg',
        './uploads/轮播3.jpg',
        './uploads/轮播4.jpg',
      ]
      var index = 0
      var z = 99999999
      boom(8, 5)
      function boom(l, t) {
        var oParentNode = document.createElement('div')
        oParentNode.style.zIndex = z
        z--
        box.appendChild(oParentNode)
        var x = l,
          y = t
        for (var i = 0; i < y; i++) {
          for (var j = 0; j < x; j++) {
            var oDiv = document.createElement('div')
            oDiv.style.background = 'url(' + imgArr[index] + ')'
            oDiv.style.width = box.clientWidth / x + 'px'
            oDiv.style.height = box.clientHeight / y + 'px'
            oDiv.style.left = (box.clientWidth / x) * j + 'px'
            oDiv.style.top = (box.clientHeight / y) * i + 'px'
            oDiv.style.backgroundPositionX = (box.clientWidth / x) * -j + 'px'
            oDiv.style.backgroundPositionY = (box.clientHeight / y) * -i + 'px'
            oDiv.style.transition = Math.random() * 1 + 0.5 + 's'
            oParentNode.appendChild(oDiv)
          }
        }
        var allDiv = oParentNode.children

        setTimeout(function () {
          index++
          index == imgArr.length && (index = 0)
          boom(l, t)
          for (var k = 0; k < allDiv.length; k++) {
            allDiv[k].style.transform =
              'perspective(800px) rotateX(' +
              (Math.random() * 360 - 180) +
              'deg) rotateY(' +
              (Math.random() * 360 - 180) +
              'deg) translateX(' +
              (Math.random() * 400 - 200) +
              'px) translateY(' +
              (Math.random() * 400 - 200) +
              'px) translateZ(' +
              (Math.random() * 200 + 100) +
              'px)'
            allDiv[k].style.opacity = 0
          }
        }, 2000)
        setTimeout(function () {
          oParentNode.remove()
        }, 3500)
      }
    </script>
    <!--   <script>
      $(function () {
        setInterval(function () {
          $each($('shtter-img a'), function (i, element) {
            console.log($(element)[i])
          })
        }, 100)
      })
    </script> -->
    <script>
      var myScroll = new IScroll('#wrapper', {
        mouseWheel: true, //鼠标啊滚动
        scrollbars: true, //滚动条
        // keyBindings: true,
        // scrollbars: 'custom',
        deceleration: 200,
      })
      window.addEventListener('scroll', function () {
        if (window.pageYOffset >= 996) {
          $('.sidenav').fadeIn()
        } else {
          $('.sidenav').fadeOut()
        }
      })
    </script>
    <script>
      //小火箭JS
      $('#gotop1,#gotop2').click(function (e) {
        TweenMax.to(window, 1.5, { scrollTo: 0, ease: Expo.easeInOut })
        var huojian = new TimelineLite()
        huojian
          .to('#gotop1', 1, {
            rotationY: 720,
            scale: 0.6,
            y: '+=40',
            ease: Power4.easeOut,
          })
          .to('#gotop1', 1, { y: -1000, opacity: 0, ease: Power4.easeOut }, 0.6)
          .to(
            '#gotop1',
            1,
            {
              y: 0,
              rotationY: 0,
              opacity: 1,
              scale: 1,
              ease: Expo.easeOut,
              clearProps: 'all',
            },
            '1.4'
          )
      })
    </script>
    <script>
      //头部导航下滑部分
      $(function () {
        $('.shortcut em').click(function () {
          $('.guofu').slideToggle(500)
        })
      })
    </script>
  </body>
</html>
